<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			.box{
				background: url(../img/focus.jpg);height: 454px;width: 730px;margin: 0 auto;
				border: solid 2px yellow;
				position: relative;
			}
			ul li {
						float:left;
						margin-right:5px;
						margin-bottom: 2PX;
						width:20px;
						height:20px;
						border-radius: 50%;
						text-align:center;
						line-height:20px;
						font-size:12px;
						list-style-type:none;
						background-color:gray;
						
						}
			#first{
				position: absolute;top: 400px;left: 300px;display:inline-block;
			}
			#first li:hover{
				background-color: pink;cursor: pointer;
			}
		</style>
	</head>
	<body>
		<div class="box">
			<ul id="first">
				<li>1</li>
				<li>2</li>
				<li>3</li>
				<li>4</li>
				<li>5</li>
			</ul>
		</div>
	</body>
</html>
